@charset "utf-8";
body,html{
	width:100%;height: 100%;
}
body{
	font-size:12px;
	font-family:"microsoft yahei";
	background-color: #fff;
	min-width: 1200px;
}
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	/*width: 100%;*/
	border: none;
}
a{
	text-decoration: none;
	color:#fff;
	font-size: 12px;
	font-family:"microsoft yahei";
}
a:hover{
	transition:all 0.5s ease 0s;
}
.fl{float: left;}
.fr{float: right;}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/**************************************xctk-s-banner*****************************************/
.xctk-s-banner{
	width: 100%;
	height: 750px;
}
.xctk-s-banner1{width: 100%;height: 242px;background: url(../../picture/sbanner_01.png) center center no-repeat;}
.xctk-s-banner2{width: 100%;height: 246px;background: url(../../picture/sbanner_02.png) center center no-repeat;}
.xctk-s-banner3{width: 100%;height: 262px;background: url(../../picture/sbanner_03.png) center center no-repeat;}

.xctk-s-pk .swhite,.xctk-s-pintro .sgreen{width: 100%;height: 31px;}
/**************************************淘客pk*****************************************/
.xctk-s-pk {width:100%;height: 641px;background:#fff;position: relative;}
.xctk-s-pk .scontent{ width:1200px;height: 610px;margin: auto;text-align: center;}
.xctk-s-pk .scontent h1{color: #5264E4;font-size: 36px;padding-top: 10px;font-weight: bold;}
.xctk-s-pk .scontent  .pk-tab{ width: 100%;height: 480px; margin-top: 20px;}

.pk-tab .pk-tab-left{background: #bfbdb9; width:324px;height: 480px;float: left;}
.pk-tab .pk-tab-left li{width: 100%;color: #fff;font-size: 24px;}
.pk-tab .pk-tab-left li:not(:last-child){height: 79px;line-height: 79px;}
.pk-tab .pk-tab-left li:last-child{height: 80px;line-height: 80px;}
.pk-tab .pk-tab-left li:not(:last-child){border-bottom: 1px solid #d4d4d4;}
.pk-tab .pk-tab-left li span{font-size: 36px;font-style: italic;margin-right: 37px;margin-left: -84px;}
.cur{background: #FF6800;cursor: pointer;}
.pk-tab-right{background: #F6F6F6; width: 876px;height:480px;float: right;}
.pk-tab-right .pk-right-top{ width: 100%;height: 205px;}
.pk-cttk,.pk-xctk{background: #3A75AC;width: 430px;text-align: center;}
.pk-xctk{background: #5AAD41;}
.pk-cttk{ margin-right: 16px;}
.pk-title{width: 100%;height: 74px;line-height: 74px; color: #fff;font-size: 30px;font-weight: bold;box-shadow:  0 5px 3px #1C4A86;}
.pk-xctk .pk-title{box-shadow:  0 5px 3px #449328;}
/*justify-content: space-between;*/
.pk-cont{margin-top: 5px;padding:5px 30px 15px 30px; color: #fff;font-size: 15px;text-align: left;}
.pk-desc{display:-webkit-flex;display: flex;margin-top: 5px;}
.left-img{width: 22px;height: 22px;}
.left-img img{display: block;margin: auto;}
.right-comp{margin-left:8px;}

.pk-result{background: url(../../picture/spk.png) center center no-repeat ;background-size: 79px 79px;  width: 80px;height: 80px;border-radius: 100%;position: relative;top: 35px;left: 398px;}
.pk-right-bot{ width: 100%;height: 270px;margin-top: 5px;}
.xctk-s-pk .swhite {background: url(../../picture/swhite.png) bottom center no-repeat;position: absolute;z-index: 4;}

/**************************************项目介绍*****************************************/
.xctk-s-pintro{width: 100%;height: 560px;background: #8DC63F;position: relative;top: -15px;}
.xctk-s-pintro .scontent{width:1200px;height: 524px;margin: auto;}
.xctk-s-pintro .scontent h1{padding-top: 34px;text-align: center;font-size: 43px;color: #fff200;font-weight: bold;}
.xctk-s-pintro .scontent .pintro-desc{ background: url(../../picture/searth.png) top center no-repeat ;text-align: center;
color:#fff;font-size: 20px;line-height: 40px;z-index: 5;position: relative;}
.xctk-s-pintro .pintro-desc p{padding-top:20px;}
.xctk-s-pintro .pintro-desc .pintro-img{width: 567px;height: 276px;margin: auto;margin-top:29px ;}

.xctk-s-pintro .sgreen {background: url(../../picture/sgreen.png) bottom center no-repeat;position: absolute;z-index: 3;}

/**************************************特色功能介绍*****************************************/
.xctk-s-fintro{width: 100%; background:url(../../picture/sgraybg.png) bottom center no-repeat ;position: relative; top: -30px;}
.xctk-s-fintro .scontent{width:1200px;margin: auto;padding-top: 75px;}
.xctk-s-fintro .scontent .func-title{width: 357px;height: 65px;margin:auto;background: url(../../picture/sintrotitle.png) center center no-repeat;margin-bottom: 20px;}
.func1,.func2,.func3,.func4,.func5{
	width: 100%;height: 452px;padding-top: 25px;position: relative;z-index: 5;
}
.func1,.func2,.func3,.func4{border-bottom: 1px solid #dadada;}

.func1 .func_left,.func3 .func_left,.func5 .func_left{
	width: 426px;padding: 10px;color: #fff;margin-left: 70px;margin-top: 50px;
}
.func2 .func_right,.func4 .func_right{width: 426px;padding: 10px;color: #fff;margin-right: 70px;margin-top: 50px;}
.func1 .func_left h1,.func3 .func_left h1 ,.func5 .func_left h1,
.func2 .func_right h1,.func4 .func_right h1{
	font-size: 32px;margin:20px 0;;font-weight: bold;
}
.func1 .func_left p,.func3 .func_left p,.func5 .func_left p,
.func2 .func_right p,.func4 .func_right p{
	font-size: 20px;line-height: 35px;
}
.func1 .func_right, .func3 .func_right, .func5 .func_right{margin-right: 70px;}
.func2 .func_left,.func4 .func_left{margin-left: 70px;margin-top: 25px;}
.func1 .func_right img,.func3 .func_left img ,.func5 .func_left img,
.func2 .func_left img,.func4 .func_left img{display: block;margin: auto;}

/**************************************小草微信淘客展示*****************************************/
.xs-main,.xctk_main_t .xs-main,.news .xs-main{width: 1200px;height: auto;margin: auto;text-align: center;margin-bottom: 55px;}
.xs-main h1,.xctk_main_t .xs-main h1,.news .xs-main h1{font-size: 30px;padding-top: 70px;font-weight: bold;}
.xctk_main_t .xs-main h1{padding-top: 0;}
.news .xs-main h1{padding-top: 20px;}
.xs-main p,.xctk_main_t .xs-main p,.news .xs-main p{width: 82px; height: 2px;background: #333;margin: auto;margin-top: 20px;margin-bottom: 10px;}
.xs-main h2,.xctk_main_t .xs-main h2,.news .xs-main h2{font-size: 16px;color: #686868;}
.xctk_main_t .xs-main {margin-bottom: 0;}

.xctk-pc-wap-show{width: 100%; margin: 0 auto ;background: #F6F6F6;position: relative;top: -45px;z-index: -1;}
.pc-wap-show{width: 1200px;height: 570px;margin: auto;}
.pc-box{position: relative;width: 790px;height: 570px;float: left;}
.pc-box .image-slider{width: 742px;height: 510px;margin: auto;position: relative;background: url(../../picture/show_ipad.png) center center no-repeat;}
.pc-box .image-slider-contents{position: absolute;width:562px;height: 403px;left: 99px;top: 27px;border-radius: 3px;}
.pc-box .contents-wrapper{width: 100%;height: 100%;overflow: hidden;position: relative;white-space: nowrap;}
.pc-box .contents-wrapper div {display: inline-block;}
.pc-box .outer{ position: relative;width: 562px;height: 403px;}
.pc-box .spic{width: 562px;height: 403px;margin-right: 92px;}
.pc-box .spic img{display: block; width: 100%;height: 100%;border-radius: 3px;}

.pc-box .pc-zhezhao{background:url(../../picture/mirror.png) center center no-repeat rgba(0,0,0,0.5);
	width:562px ;height: 403px;position: absolute;left: -562px;}
.pc-box .contents-wrapper:hover .pc-zhezhao{
	-webkit-animation-name: zhezhao ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: zhezhao ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: zhezhao ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}

@-moz-keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}
@keyframes zhezhao{
	from{left: -562px;}
	to{left: 0;}
}

.pc-prev,.pc-next,.wap-next,.wap-prev{position: absolute;width: 64px;height: 64px;top: 200px;}
.pc-prev i,.pc-next i,.wap-next i,.wap-prev i{font-size: 60px;color: rgba(180,180,180,.25);}

.pc-prev,.wap-prev{left: 0;}
.pc-prev{left: 10px;}
.pc-next,.wap-next{right: 0;}

.pc-prev i:hover,
.pc-next i:hover,
.wap-prev i:hover,
.wap-next i:hover{ 
	-webkit-animation-name: pwbtn ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: pwbtn ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: pwbtn ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}

@-moz-keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}
@keyframes pwbtn{
	from{color: rgba(180,180,180,.25);}
	to{color: rgba(0,0,0,.3);}
}

.wap-box {position: relative;width: 365px;height: 570px;float: right;}
.wap-box .image-slider{width: 314px;height: 490px;margin: auto;position: relative;background: url(../../picture/show_iphone.png) center center no-repeat;}
.wap-box .image-slider-contents{position: absolute;width:215px;height: 348px;left: 48px;top: 54px;border-radius: 3px;
/*top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);*/
}
.wap-box .contents-wrapper{width: 100%;height: 100%;overflow: hidden; position: relative;white-space: nowrap;}
.wap-box .contents-wrapper div {display: inline-block;}
.wap-box .outer{ position: relative;width:215px;height: 348px;}
.wap-box .spic{width: 215px;height: 348px;margin-right:49px;}
.wap-box .spic img{display: block; width: 100%;height: 100%;border-radius: 3px;}

.wap-box .pc-zhezhao{background:url(../../picture/mirror.png) center center no-repeat rgba(0,0,0,0.5);
	width:215px ;height: 348px;position: absolute;left: -215px;}
.wap-box .contents-wrapper:hover .pc-zhezhao{
	-webkit-animation-name: zhezhao ;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: zhezhao ;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	animation-name: zhezhao ;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@-webkit-keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}

@-moz-keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}
@keyframes zhezhao{
	from{left: -215px;}
	to{left: 0;}
}

.pc-wap-info{width: 100%;height: 40px;line-height:40px;color:#686868 ;font-size: 20px;text-align: center;}
.pw-info{margin-top: 20px;}

.closebp,.closebpw{background: #fff;width: 50px;height: 50px;border-radius:100% ; line-height: 46px;text-align: center;float: right;margin-right: 50px;margin-top: -70px;}
.closebp i,.closebpw i{font-size:30px;}

.show-big-img,.show-big-imgw{width: 100%;height: 100%;background: rgba(0,0,0,0.5); display: none;left:0;top: 0;padding-top: 80px; position: fixed;z-index: 999;}
.pcb1,.pcb2,.pcb3,.wapb1,.wapb2,.wapb3{float: left;position: absolute;}
.pcb2,.wapb2{left: 1920px;}
.pcb3,.wapb3{left: 3840px;}

.outer-bg-img{position: relative; width: 80%;height: 95%;margin: auto;white-space: nowrap;}
.outer-bg-imgw{position: relative; width: 25%;height: 98%;margin: auto;white-space: nowrap;}
.outer-bg-img div,.outer-bg-imgw div{width: 100%;height: 100%;}
.outer-bg-img div img,.outer-bg-imgw div img{display: block;width: 100%;height: 100%;}
.xczuo,.xcyou,.xczuow,.xcyouw{width: 60px;height: 60px;position: absolute;top:50%;}
.xczuo,.xczuow{left: 50px;}
.xcyou,.xcyouw{right: 50px;}
.xczuo i,.xcyou i,.xczuow i,.xcyouw i {font-size: 60px;color: rgba(0,0,0,0.5);}


/**************************************footer*****************************************/
#footer {width: 100%;height: 195px;background: url(../../picture/sblack.png) center center no-repeat;}
.footInfo{width: 1200px;height: 120px;margin: auto;display: flex;display: -webkit-flex;padding-top:60px;}
.div1,.div2,.div3{flex: 1;}
.videoIntro,.coopIntro,.kefuIntro{width: 240px;height: 50px;line-height: 50px;text-align: center;color: #fff;cursor: pointer;margin: auto;}
.videoIntro,.coopIntro{font-size:20px;border-radius: 4px; }
.videoIntro{background: #5264E4;}
.videoIntro:hover{background: #4757c4;}
.videoIntro i{width: 35px;height:50px;line-height: 50px; display: inline-block;color: #fff;font-size: 30px;position: relative;top: 5px;}
.coopIntro{background: #8dc63f;}
.coopIntro:hover{background: #77af29;}
.kefuIntro{font-size:18px;border: 1px solid #fff;width: 160px; height: 35px;line-height: 35px;margin-top: 10px;}
.kefuIntro i{color: #fff;font-size: 24px;}
.kefuIntro:hover {color: #363636;background: #fff;}
.kefuIntro:hover i{color:#363636}
/**************************************悬浮*****************************************/
#right-susp {position:fixed; right:1px; top:20%; z-index:100;width: 200px;height:600px;
background:url(../../picture/srightnavc.png) top center no-repeat ;background-size:90%;}
.susp-main{ width:128px;height:247px;position: relative;left: 36px;top:118px;}
.tk-comp,.tk-pintro,.tk-func,.tk-show{width: 128px;height: 38px;margin: auto;}
.tk-comp{background: url(../../picture/srightnav1.png) center center no-repeat ;background-size:90% 90%;}
.tk-pintro{background: url(../../picture/srightnav2.png) center center no-repeat ;background-size:90% 90%;}
.tk-func{background: url(../../picture/srightnav3.png) center center no-repeat ;background-size:90% 90%;}
.tk-show{background: url(../../picture/srightnav4.png) center center no-repeat ;background-size:90% 90%;}
.divh62{width: 128px;height: 56px;}
.divh23{ width: 128px;height: 23px;background:url(../../picture/zxkf.png) center center no-repeat;background-size:90% 90%;margin-top: -5px;}
.divh55{width: 128px;height: 50px;margin-top: 120px;}
.suspClose{width: 30px;height: 30px;position: absolute;right:8px;top: 0;}


@media  screen and (max-height:768px ) {
	#right-susp {width:160px;height:480px; background-size:80%;right: -10px;}
	.susp-main{width:90px;height:180px;position: relative;left: 35px;top:85px;}
	.tk-comp,.tk-pintro,.tk-func,.tk-show{width: 90px;height: 30px;}
	.divh62{width: 90px;height: 40px;}
	.divh23{width:90px;height: 18px;}
	.divh55{width: 90px;height: 40px;margin-top: 85px;}
	.suspClose{width: 18px;height: 18px;right: 18px;}
}
/*@media  screen and (max-width:320px ) {
	.pk-cont{margin-top: 2px;padding:5px 5px 15px 25px;font-size: 12px;background: yellow;}
}*/
/******************************************咨询客服******************************************/
.zxkefu{width: 361px;height:170px;position: fixed;top: 50%;left: 50%;margin-left: -180.5px;margin-top: -85px;z-index: 99;
box-shadow: 0 3px 2px rgba(0,0,0,0.3);border-radius: 5px;
opacity: 0;
-webkit-animation-name: mykefu;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: mykefu;
-moz-animation-duration: 1s;
-moz-animation-fill-mode: forwards;

}
.zxkf{width: 361px;height: 170px;background:url(../../picture/zixun.png) center center no-repeat ;border-radius: 5px;}
.zx-wait,.zx-now{width: 82px;height: 32px;line-height: 32px;border-radius: 5px;position: absolute;top: 131px;text-align: center;font-size: 15px;cursor: pointer;}
.zx-wait{right:98px;background: #fff;color: #393939;}
.zx-now{right: 8px;background: #f06422;color: #fff;}
.zx-close{width: 15px;height: 15px;position: absolute;top: 5px;right: 8px;cursor: pointer;}
.zx-close i{color: #666;font-size: 14px;}

@-webkit-keyframes mykefu{
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 1;
	}
}

@keyframes mykefu{
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 1;
	}
}